<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	@@include('public/title.html')
	<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">
	<link href="../../css/bootstrap.min.css" rel="stylesheet">
	<link href="css/nifty.min.css" rel="stylesheet">
	<link href="../../css/demo/nifty-demo-icons.min.css" rel="stylesheet">
	<link href="../../plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<link href="../../plugins/pace/pace.min.css" rel="stylesheet">
	<link href="../../plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
	<script src="../../plugins/pace/pace.min.js?2016/8/5"></script>
	<style>
		th,td{
			text-align: center;
		}
			.page-wrapper{
						padding:20px;
					}
	</style>
	<script src="../../js/jquery-2.2.1.min.js"></script>

</head>

<!--TIPS-->
<!--You may remove all ID or Class names which contain "demo-", they are only used for demonstration. -->

<body id="main">
<div id="container" class="effect mainnav-lg">
	@@include('public/header.html')
	
	<div class="boxed">
		<nav id="mainnav-container">
			@@include('public/left_menu.html')
		</nav>
		
		<div id="content-container">
			<div id="page-title">
				<h1 class="page-header text-overflow">账户余额</h1>
			</div>
			
			<div class="page-content">
				<!--维修业务-->
				<div class="page-wrapper">
					<style>
						table{
							width:100%;
						}
						th, td{
							padding:10px;
						}
						.price{
							font-size:18px;
							color:#ff9800;
						}
						.price:after{
							content:" 元";
						}
					</style>
					<div class="panel text-center">
						<table>
							<tr>
								<td>账户余额</td>
								<td>可提现金额</td>
								<td rowspan="2"><button class="btn btn-primary">提现</button></td>
							</tr>
							<tr>
								<td class="price" v-text="accountData.m_money"></td>
								<td class="price" v-text="accountData.available_money"></td>
							</tr>
						</table>
					</div>
					
					<div class="panel" style="padding:0 15px 20px;">
						<style>
							.account_detail td, .account_detail th{
								border:1px solid #ccc;
							}
							.account_detail th{
								background:#eee;
							}
							.detail_title{
								margin-bottom:25px;
								padding:15px 0;
								border-bottom:1px solid #ccc;
							}
							.detail_filter{
								float:right;
							}
							h4{
								margin:0;
								padding:0;
							}
							.detail_filter select{
								margin-right:20px;
							}
							button{
								border:none;
							}
						</style>
						<div class="detail_title">
							<div class="detail_filter">
								<select name="">
									<option value="">全部记录</option>
									<option value="">收入记录</option>
									<option value="">支出记录</option>
								</select>
								<button class="btn-primary">导出数据</button>
							</div>
							<h4>账户明细</h4>
						</div>
						
						<table class="account_detail">
							<tr>
								<th>收支金额</th>
								<th>收支项目</th>
								<th>时间</th>
							</tr>
							<tr>
								<td></td>
								<td></td>
								<td></td>
							</tr>
						</table>
					</div>
				</div>
				
			</div>
		</div>
	</div>
</div>
@@include('public/footer.html')
<script src="../../plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="../../plugins/vue/vue.min.js"></script>
<script src="../../plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="../../plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
<script>
	var vue = new Vue({
		el:"#main",
		data:{
			accountData:''
		},
		method:{
		
		},
		ready:function(){
			$.get(apiRecycle+"partner.php/Admin/AccountDetails/account_admin", {}, function(res){
				vue.accountData = res.data;
			}, "json");
		}
	});
</script>
</body>
</html>
